<template>
  <div>
    <Title title="意见与反馈" />
    <textarea
      style="resize: none"
      v-model="content"
      placeholder="请输入您的意见"
      class="opinion"
    ></textarea>

    <input class="tel" v-model="tel" placeholder="联系方式" />

    <div class="Btn">提交</div>
  </div>
</template>

<script>
import Title from "../../../components/my/Title";
export default {
  components: {
    Title,
  },
  data() {
    return {
      content: "",
      tel: "",
    };
  },
};
</script>

<style lang="scss" scoped>
.opinion {
  margin-top: 50px;
  margin-left: 5%;
  width: 90%;
  height: 300px;
  text-align: center;
  font-size: 30px;
}
.tel {
  margin-top: 100px;
  margin-left: 5%;
  width: 90%;
  height: 80px;
  font-size: 30px;
}
.Btn {
  margin-left: calc(50% - 40px);
  width: 80px;
  height: 40px;
  font-size: 24px;
  border: 1px solid #888;
  text-align: center;
  margin-top: 60px;
}
</style>
